0
Welcome Guest! Login
0 items Join Now

Tutorial - how to add custom fonts

Last Post
Search Topic

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 11 months ago
    • Hi Kat05,

      thanks a lot for this tutorial. this is really helpfull ... especially for a noob like me ... have to try it ASAP

      :twisted:
    #505857

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 10 months ago
    #509886

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 10 months ago
    • I am not using Google fonts directory and use the free custom font YanoneKaffeesatz-Bold but a little bit confused when defining the font YanoneKaffeesatz-Bold.
      Will you please elaborate the definition using YanoneKaffeesatz-Bold?
      Thank you.
    #510091

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 10 months ago
    • Font name specification is important as I saw.
      I have used font-face generator at www.fontsquirrel.com/fontface/generator and the class .font-family should have the name defined by the generator.
      Anyway this is solved
    #511058
    • ipb1962's Avatar
    • ipb1962
    • Sr. Rocketeer
    • Posts: 114
    • Thanks: 0

    Re: Tutorial - how to add custom fonts

    Posted 13 years 10 months ago
    • Okay

      Font Squirrel is great and I have created all files needed for a font family but how do I implement each style for a different purpose ie. Agenda Bold for h1 / Agenda Black for h2 and Agenda Medium for body copy...

      Any pointers would really be appreciated.


      Ian.
    #514023
    • depika's Avatar
    • depika
    • Rocketeer
    • Posts: 73
    • Thanks: 0

    Re: Tutorial - how to add custom fonts

    Posted 13 years 9 months ago
    • republique wrote:
      Okay

      Font Squirrel is great and I have created all files needed for a font family but how do I implement each style for a different purpose ie. Agenda Bold for h1 / Agenda Black for h2 and Agenda Medium for body copy...

      Any pointers would really be appreciated.


      Ian.

      I have the same issue. Shall we add all the fonts with @font-face and name them separately and then chose which one to use for h1, h2 etc?

      will this work?
    #525009

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 9 months ago
    • I'd love to see a css selector in the gantry backend for maybe up to 5 different fonts for different classes/ids
    #527391

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 9 months ago
    • Kat, If i want to add tres fonts. What can i do?
      I prove with the code that stay in the instruccions.

      I'm working in crystalline. I opened my templates.css and add the follow code:
      /* Letra Consola */
      @font-face {font-family: Consolas;src: url(../fonts/CONSOLA.TTF);}
      @font-face {font-family: "Consolas";src:local("Consolas"), url(../fonts/CONSOLA.TTF) format("truetype");}
      .font-family-consolas h1, .font-family-consolas h2.title, .font-family-consolas
      .rt-joomla .user legend, .font-family-consolas.rt-joomla .contact legend,
      .font-family-consolas .componentheading , .font-family-consolas .edit-article
      legend {font-family: Consolas,Helvetica,Arial,sans-serif;letter-spacing: normal;font-weight: normal;}

      Then, i add the tag to put the font in the site on details:
      <option value="consolas">Consolas</option>

      And the font don't show on the template.

      Are four fonts:
      CONSOLA.TTF
      CONSOLAB.TFF
      CONSOLAI.TFF
      CONSOLAZ.TFF

      Another questions more, what happens with the font size? It's not necesarry specify that?

      Thanks for your answer.
    • "The smart woman is not one that have a big knowledge, but rather the woman with little knowledge do so much."

      How to get a help quicker:
      www.rockettheme.com/forum/index.php?f=15..._v=viewtopic#p773136
    #528017

  • Re: Tutorial - how to add custom fonts

    Posted 13 years 9 months ago
    • Kat, i was editing my web and i resolve my problem, but i don't use the code that you gave in this post. I don't know why. But, if other person have the same problem with me, i'll post how was my solution...

      Best regards,
    • "The smart woman is not one that have a big knowledge, but rather the woman with little knowledge do so much."

      How to get a help quicker:
      www.rockettheme.com/forum/index.php?f=15..._v=viewtopic#p773136
    #528120
    • EuRip's Avatar
    • EuRip
    • Newbie
    • Posts: 11
    • Thanks: 0

    Re: Tutorial - how to add custom fonts

    Posted 13 years 7 months ago
    • Hi everyone,

      I've went threw the steps above and have the drop down showing in gantry, but i select it and it doesn't updated in the template. I'm using Crystalline has my template. Any help would be great.

      Thanks
    #545765

Time to create page: 0.088 seconds